<!--
 * @Description  : 
 * @Author       : 陈韵同
 * @Date         : 2021-03-16 10:33:18
 * @LastEditTime : 2021-03-17 14:24:42
 * @LastEditors  : jiangxiaoying
 * @FilePath     : \cloud-components\docs\pages\components\cloud-confirm\example3.vue
-->
<template>
  <div>
    <CloudButton @click="clickBtn">confirm</CloudButton>
    <CloudButton @click="clickBtn1">success</CloudButton>
    <CloudButton @click="clickBtn2">error</CloudButton>
    <CloudButton @click="clickBtn3">warning</CloudButton>
    <CloudButton @click="clickBtn4">info</CloudButton>
  </div>
</template>

<script>
import { $cloudConfirm } from 'cloud-components';

export default {
  title: '3.可直接使用$cloudConfirm',
  data() {
    return {

    }
  },
  methods: {
    clickBtn() {
      $cloudConfirm.confirm({
        content: 'confirm'
      });
    },
    clickBtn1() {
      $cloudConfirm.success({
        content: 'success'
      });
    },
    clickBtn2() {
      $cloudConfirm.error({
        content: 'error'
      });
    },
    clickBtn3() {
      $cloudConfirm.warning({
        content: 'warning'
      });
    },
    clickBtn4() {
      $cloudConfirm.info({
        content: 'info'
      });
    },
  }
}
</script>

<style lang="scss">
</style>